<template>
  <div class="home">

<SearchBar/>
    <HomeSwipe />
    <!-- <img alt="Vue logo" src="../assets/logo.png"> -->
    <HomeRecommend></HomeRecommend>
    <recommendSongsVue> </recommendSongsVue>
    <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
    <!-- <HomeRecommend/> -->
  </div>
</template>

<script>
// @ is an alias to /src
import HomeSwipe from '@/components/wgx/HomeSwipe.vue';
// import HelloWorld from '@/components/wgx/HomeSwipe.vue'
// import HelloWorld from '@/components/HelloWorld.vue';
import HomeRecommend from "@/components/Djc/home/HomeRecommend.vue";
import recommendSongsVue from '@/components/tsy/recommendSongs.vue';
import SearchBar from '@/components/wl/mainSearchBar.vue'
export default {
  name: 'HomeView',
  components: {
    // HelloWorld,
    HomeSwipe,
    HomeRecommend,
    recommendSongsVue,
    SearchBar
  }

}
</script>
